.theme-dark {
    --base-0: hsla(0, 0%, 19%, 1);
    --base-100: hsla(0, 0%, 23%, 1);
    --base-200: hsla(0, 0%, 26%, 1);
    --base-300: hsla(0, 0%, 32%, 1);
    --base-400: hsla(0, 0%, 37%, 1);
    --base-500: hsla(0, 0%, 63%, 1);
    --base-600: hsla(0, 0%, 87%, 1);
    --base-700: hsla(0, 0%, 94%, 1);
    --base-800: hsla(0, 0%, 98%, 1);
    --base-900: hsla(0, 0%, 100%, 1);

    --primary-100: hsla(207, 28%, 21%, 1);
    --primary-200: hsla(207, 34%, 26%, 1);
    --primary-300: hsla(207, 36%, 40%, 1);
    --primary-400: hsla(207, 45%, 55%, 1);
    --primary-500: hsla(207, 65%, 60%, 1);
    --primary-600: hsla(207, 68%, 70%, 1);
    --primary-700: hsla(207, 80%, 80%, 1);
    --primary-800: hsla(207, 100%, 93%, 1);
    --primary-900: hsla(207, 100%, 99%, 1);

    --secondary-100: hsla(250, 21%, 27%, 1);
    --secondary-200: hsla(250, 18%, 36%, 1);
    --secondary-300: hsla(250, 20%, 45%, 1);
    --secondary-400: hsla(250, 25%, 67%, 1);
    --secondary-500: hsla(250, 39%, 68%, 1);
    --secondary-600: hsla(250, 48%, 78%, 1);
    --secondary-700: hsla(250, 66%, 90%, 1);
    --secondary-800: hsla(250, 100%, 96%, 1);
    --secondary-900: hsla(250, 45%, 98%, 1);

    --tertiary-100: hsla(210, 25%, 21%, 1);
    --tertiary-200: hsla(210, 33%, 26%, 1);
    --tertiary-300: hsla(210, 35%, 48%, 1);
    --tertiary-400: hsla(210, 40%, 58%, 1);
    --tertiary-500: hsla(210, 55%, 68%, 1);
    --tertiary-600: hsla(210, 68%, 78%, 1);
    --tertiary-700: hsla(210, 81%, 90%, 1);
    --tertiary-800: hsla(210, 100%, 96%, 1);
    --tertiary-900: hsla(210, 45%, 98%, 1);

    --accent-100: hsla(293, 28%, 21%, 1);
    --accent-200: hsla(293, 34%, 37%, 1);
    --accent-300: hsla(293, 34%, 50%, 1);
    --accent-400: hsla(293, 68%, 62%, 1);
    --accent-500: hsla(293, 62%, 71%, 1);
    --accent-600: hsla(293, 64%, 80%, 1);
    --accent-700: hsla(293, 67%, 90%, 1);
    --accent-800: hsla(293, 70%, 96%, 1);
    --accent-900: hsla(293, 45%, 98%, 1);

    --success-100: hsla(113, 28%, 21%, 1);
    --success-200: hsla(113, 33%, 30%, 1);
    --success-300: hsla(113, 62%, 37%, 1);
    --success-400: hsla(113, 52%, 46%, 1);
    --success-500: hsla(113, 66%, 68%, 1);
    --success-600: hsla(113, 68%, 78%, 1);
    --success-700: hsla(113, 81%, 80%, 1);
    --success-800: hsla(113, 100%, 72%, 1);
    --success-900: hsla(113, 100%, 90%, 1);

    --warning-100: hsla(43, 28%, 21%, 1);
    --warning-200: hsla(43, 22%, 51%, 1);
    --warning-300: hsla(43, 38%, 52%, 1);
    --warning-400: hsla(43, 50%, 66%, 1);
    --warning-500: hsla(43, 62%, 71%, 1);
    --warning-600: hsla(43, 64%, 80%, 1);
    --warning-700: hsla(43, 80%, 90%, 1);
    --warning-800: hsla(43, 100%, 96%, 1);
    --warning-900: hsla(43, 45%, 98%, 1);

    --caution-100: hsla(30, 28%, 21%, 1);
    --caution-200: hsla(30, 37%, 36%, 1);
    --caution-300: hsla(30, 47%, 48%, 1);
    --caution-400: hsla(30, 50%, 65%, 1);
    --caution-500: hsla(30, 66%, 68%, 1);
    --caution-600: hsla(30, 68%, 78%, 1);
    --caution-700: hsla(30, 81%, 90%, 1);
    --caution-800: hsla(30, 100%, 96%, 1);
    --caution-900: hsla(30, 45%, 98%, 1);

    --alert-100: hsla(4, 28%, 21%, 1);
    --alert-200: hsla(4, 37%, 36%, 1);
    --alert-300: hsla(4, 50%, 52%, 1);
    --alert-400: hsla(4, 55%, 67%, 1);
    --alert-500: hsla(4, 66%, 68%, 1);
    --alert-600: hsla(4, 68%, 78%, 1);
    --alert-700: hsla(4, 81%, 90%, 1);
    --alert-800: hsla(4, 100%, 96%, 1);
    --alert-900: hsla(4, 45%, 98%, 1);
}

.theme-dark input[type='checkbox'] {
    filter: invert(0.3);
}
